
<!DOCTYPE html>
<html lang="en">


<style>
    /*最上面的字*/
    .content-header{
        padding-top: 20px;
        margin-left: 100px;
        text-align: center;
        color:black;
        font-size: 16px;
        /*text-align: center;*/
    }
    /*右边图标*/
    #iconid{
        color: white;
        border: none;
        /*border-radius: 3px;*/
        /*background-color: #00ca6d;*/
        height: 20px;
        /*width: 100px;*/
        /*font-size: 15px;*/
        padding-top: -4px;
        padding-right: 30px;
        margin-bottom: 20px;
        float: right;
    }
    /*文本间距*/
    #distance{
        margin-left: 40px;

    }

    #top-dis{
        background-size: cover;
        margin-top: 0px;
        width: 100%;
        height: 50%;
        /*margin-right: -100px;*/
    }
    /*顶部白色*/
    .white-area{
        background-color: white;
        /*background-size: cover;*/
        height: 60px;
        margin-left: -10px;
    }
    .logindiv1{
        background-color: #FFFFFF;
        width: 400px;
        height: 300px;
        margin-top: 100px;
    }
    .logindiv2{
        width: 400px;
        height: 30px;
        /*padding-top: 40px;*/
        line-height: 30px;
        font-weight: bold;
        /*background-color: #FFFFFF;*/
    }
    .logindiv3{
        /*padding-top: -20px;*/
        font-size: 28px;
        font-weight: bold;

    }
    .hreftop{
        color:#000000;
        /*display: inline-block;*/
        text-decoration: none;
    }
</style>



<div class="white-area">
    <section class="content-header" >
        <a href="login" class="hreftop">&nbsp;&nbsp;&nbsp;首页</a>
        <a href="produce_intro" class="hreftop" id="distance">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;产品介绍</a>
        <a href="use_guide" class="hreftop" style="color: #0b76ac;font-weight: bold;"id="distance">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;使用指南</a>
        <a href="system_intro" class="hreftop" id="distance">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系统介绍</a>
        <img style="display: inline;" id="iconid" src="/images/login/User_icon.png">
    </section>
    <body background="/images/login/bg.png" id="top-dis" >


    <div style="text-align: center ;padding-top: 120px;color: #FFFFFF;">
        <h1>《大创风云》大学生创业模拟沙盘</h1>
        <p style="color: #FFFFFF;">国内首创大学生创业生态体验项目</p>
    </div>
    <div class="logindiv1" style="margin: auto ; text-align: center;margin-top: 50px ;-webkit-border-radius: 20px;">
        <div class="logindiv2">
            <p style="font-size: 18px ;padding-top: 30px;">登录</p>
            <div class="logindiv3">
                <!--<br />-->
                <input type="text" style="width: 300px; height: 40px;background-color: #FFFFFF;margin-top: 10px;font-size: large">
                <br />
                <input type="text" style="width: 300px; height: 40px;background-color: #FFFFFF;margin-top:20px;font-size: large;">
                <br />
                <input type="button" value="登录"  style="font-size: 18px;;color:white; width: 300px;height: 40px;margin-top: 20px; background-color: #628f9f;border: none">
            </div>
        </div>
    </div>
    </body>
</div>


</html>